// 定义入口函数
$(function () {
    // 需求0:退出页面
    $('#logout').click(function (e) {
        e.preventDefault()

        layer.confirm('确认退出吗?', { icon: 3, title: '提示' }, function (index) {
            layui.layer.msg('5秒后将返回登录页面!')
            setTimeout(function () {
                window.parent.location.href = '/login.html'
                localStorage.removeItem('token')
            }, 5000)

            layer.close(index);
        });

    })

    // 需求1:获取用户信息渲染头像
    getUserInfo()
})

// 2.获取用户信息 注意:封装全局函数,后期需要调用
function getUserInfo() {
    // 发送axios
    axios({
        // 请求方式如果是(GET)可以省略不写
        method: 'GET',
        // 设置路径
        url: '/my/userinfo',

        // 结果在 (then)里有个参数是函数,函数里有个参数结果
    }).then(function (res) {
        if (res.data.status !== 0) return alert(res.data.message)

        renDerAvatar(res.data.data)
    })
}

// 3.渲染头像及用户昵称
function renDerAvatar(user) {
    // 渲染昵称
    let uname = user.nickname || user.username
    $('.welcome').html('欢迎&nbsp&nbsp' + uname)
    // 渲染头像
    if (user.user_pic !== null) {
        $('.avatar-text').hide()
        $('.layui-nav-img').show().attr('src', user.user_pic)
    } else {
        $('.layui-nav-img').hide()
        let toUp = uname[0].toUpperCase()
        $('.avatar-text').show().text(toUp)

    }


}

